<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>烘焙圈</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="../css/swiper-3.2.7.min.css" rel="stylesheet" type="text/css">
<link href="css/recipesh.css" rel="stylesheet">
</head>
<body class="body-pad cl-b-lgrey body-no-pb no-foot">
	<div class="loading-wrapper">
		<div class="loading"></div>
	</div>
	<div class="ub ub-ac page-header">
		<a href="#" class="clickable"><span class="icon-back"></span></a>
		<div class="ub-f1 page-name ">
			<span class="icon-search-xs cl-b-xxlgrey"></span>
			<input type="text" class="recipe-search cl-b-xxlgrey" placeholder="戚风蛋糕">
		</div>
		<a href="#" class="clickable cl-f-lorange recipe-search-submit">
			搜索
		</a> 
	</div>
	<div class="recipe-sort-type swiper-container">
		<div class="swiper-wrapper">
			<div class="swiper-slide">
				<a href="#" class="cl-b-white cl-f-black ub ub-ac ub-pc active"><span class="icon-cake"></span>蛋糕</a>
				<a href="#" class="cl-b-white cl-f-black ub ub-ac ub-pc"><span class="icon-bread"></span>面包</a>
				<a href="#" class="cl-b-white cl-f-black ub ub-ac ub-pc"><span class="icon-biscuit"></span>饼干</a>
				<a href="#" class="cl-b-white cl-f-black ub ub-ac ub-pc"><span class="icon-spoon"></span>其他</a>
			</div>
			<div class="swiper-slide">
				<a href="#" class="cl-b-white cl-f-black ub ub-ac ub-pc"><span class="icon-cake"></span>蛋糕</a>
				<a href="#" class="cl-b-white cl-f-black ub ub-ac ub-pc"><span class="icon-bread"></span>面包</a>
				<a href="#" class="cl-b-white cl-f-black ub ub-ac ub-pc"><span class="icon-biscuit"></span>饼干</a>
				<a href="#" class="cl-b-white cl-f-black ub ub-ac ub-pc"><span class="icon-spoon"></span>其他</a>
			</div>
		</div>
	</div>
	<div id="scroll-wrapper">
		<div id="scroller">
			<ul id="thelist" class="recipe-sort-list">
				<li class="dongtai-item cl-b-white row clickable">
					<div class="ub ub-ac">
						<div class="dongtai-img lazy" data-original="images/cake5.png"><img src="images/o7.png" class="oimg"></div>
						<div class="ub-f1 dongtai-text">
							<h3 class="cl-f-dgrey f16 with-article">90%成功率的戚风蛋糕</h3>
							<p class="dongtai-article cl-f-lgrey">本周难得可以轻松一下，自由自在烤自由自在烤</p>
							<div class="dongtai-info ub with-article">
								<img src="images/touxiang2.png"><p class="cl-f-lgrey">卓而不凡V</p>
							</div>
							<div class="option-wrapper ub">
							     <div class="like ub ub-pc ub-ac">
			   					 	<span class="icon-like-grey"></span><p class="like-text cl-f-lgrey">22</p>
			   					 </div>
								 <div class="comment ub ub-pc ub-ac">
			   					 	<span class="icon-comment-grey"></span><p class="comment-text cl-f-lgrey">45</p>
			   					 </div>
							</div>
						</div>
					</div>
				</li>
				<li class="dongtai-item cl-b-white row clickable">
					<div class="ub ub-ac">
						<div class="dongtai-img lazy" data-original="images/cake5.png"><img src="images/o7.png" class="oimg"></div>
						<div class="ub-f1 dongtai-text">
							<h3 class="cl-f-dgrey f16 with-article">90%成功率的戚风蛋糕</h3>
							<p class="dongtai-article cl-f-lgrey">本周难得可以轻松一下，自由自在烤自由自在烤</p>
							<div class="dongtai-info ub with-article">
								<img src="images/touxiang2.png"><p class="cl-f-lgrey">卓而不凡V</p>
							</div>
							<div class="option-wrapper ub">
							     <div class="like ub ub-pc ub-ac">
			   					 	<span class="icon-like-grey"></span><p class="like-text cl-f-lgrey">22</p>
			   					 </div>
								 <div class="comment ub ub-pc ub-ac">
			   					 	<span class="icon-comment-grey"></span><p class="comment-text cl-f-lgrey">45</p>
			   					 </div>
							</div>
						</div>
					</div>
				</li>
				<li class="dongtai-item cl-b-white row clickable">
					<div class="ub ub-ac">
						<div class="dongtai-img lazy" data-original="images/cake5.png"><img src="images/o7.png" class="oimg"></div>
						<div class="ub-f1 dongtai-text">
							<h3 class="cl-f-dgrey f16 with-article">90%成功率的戚风蛋糕</h3>
							<p class="dongtai-article cl-f-lgrey">本周难得可以轻松一下，自由自在烤自由自在烤</p>
							<div class="dongtai-info ub with-article">
								<img src="images/touxiang2.png"><p class="cl-f-lgrey">卓而不凡V</p>
							</div>
							<div class="option-wrapper ub">
							     <div class="like ub ub-pc ub-ac">
			   					 	<span class="icon-like-grey"></span><p class="like-text cl-f-lgrey">22</p>
			   					 </div>
								 <div class="comment ub ub-pc ub-ac">
			   					 	<span class="icon-comment-grey"></span><p class="comment-text cl-f-lgrey">45</p>
			   					 </div>
							</div>
						</div>
					</div>
				</li>
				<li class="dongtai-item cl-b-white row clickable">
					<div class="ub ub-ac">
						<div class="dongtai-img lazy" data-original="images/cake5.png"><img src="images/o7.png" class="oimg"></div>
						<div class="ub-f1 dongtai-text">
							<h3 class="cl-f-dgrey f16 with-article">90%成功率的戚风蛋糕</h3>
							<p class="dongtai-article cl-f-lgrey">本周难得可以轻松一下，自由自在烤自由自在烤</p>
							<div class="dongtai-info ub with-article">
								<img src="images/touxiang2.png"><p class="cl-f-lgrey">卓而不凡V</p>
							</div>
							<div class="option-wrapper ub">
							     <div class="like ub ub-pc ub-ac">
			   					 	<span class="icon-like-grey"></span><p class="like-text cl-f-lgrey">22</p>
			   					 </div>
								 <div class="comment ub ub-pc ub-ac">
			   					 	<span class="icon-comment-grey"></span><p class="comment-text cl-f-lgrey">45</p>
			   					 </div>
							</div>
						</div>
					</div>
				</li>
			</ul>
			<div class="add-loading ssp-loading">
				<div class="rect1"></div>
				<div class="rect2"></div>
				<div class="rect3"></div>
				<div class="rect4"></div>
				<div class="rect5"></div>
			</div>
		</div>
	</div>
	
	
	<script src="../js/jquery-1.11.1.min.js"></script>
	<script src="../js/jquery.lazyload.min.js"></script>
	<script src="../js/swiper-3.2.7.jquery.min.js"></script>
    <script src="../js/custom.js"></script>
     <script type="text/javascript">
    	 var mySwiper = new Swiper ('.swiper-container', {
  		});        
    </script>
</body>
</html>